﻿@{
    Layout = "~/Views/Shared/_LayoutForm.cshtml";
    //Layout = null;
}

<style type="text/css">
    .fa-hover a:hover {
        background-color: #1d9d74;
        color: #ffffff;
        text-decoration: none;
    }
</style>
<div class="col-xs-12" style="overflow-y: scroll;height:300px">
    <div class="row">
        <div class="fa-hover col-xs-4" data-filter="glass|martini|drink|bar|alcohol|liquor">
            <a href="javascript:void(0)">
                <i class="fa fa-glass"></i> glass
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="music|note|sound">
            <a href="javascript:void(0)">
                <i class="fa fa-music"></i> music
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="search|magnify|zoom|enlarge|bigger">
            <a href="javascript:void(0)">
                <i class="fa fa-search"></i> search
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="envelope-o|email|support|e-mail|letter|mail|notification">
            <a href="javascript:void(0)">
                <i class="fa fa-envelope-o"></i> envelope-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="heart|love|like|favorite">
            <a href="javascript:void(0)">
                <i class="fa fa-heart"></i> heart
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="star|award|achievement|night|rating|score">
            <a href="javascript:void(0)">
                <i class="fa fa-star"></i> star
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="star-o|award|achievement|night|rating|score">
            <a href="javascript:void(0)">
                <i class="fa fa-star-o"></i> star-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="user|person|man|head|profile">
            <a href="javascript:void(0)">
                <i class="fa fa-user"></i> user
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="film|movie">
            <a href="javascript:void(0)">
                <i class="fa fa-film"></i> film
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="th-large|blocks|squares|boxes">
            <a href="javascript:void(0)">
                <i class="fa fa-th-large"></i> th-large
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="th|blocks|squares|boxes">
            <a href="javascript:void(0)">
                <i class="fa fa-th"></i> th
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="th-list|ul|ol|checklist|finished|completed|done|todo">
            <a href="javascript:void(0)">
                <i class="fa fa-th-list"></i> th-list
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="check|checkmark|done|todo|agree|accept|confirm">
            <a href="javascript:void(0)">
                <i class="fa fa-check"></i> check
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="times|remove|close|close|exit|x">
            <a href="javascript:void(0)">
                <i class="fa fa-times"></i> times
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="search-plus|magnify|zoom|enlarge|bigger">
            <a href="javascript:void(0)">
                <i class="fa fa-search-plus"></i> search-plus
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="search-minus|magnify|minify|zoom|smaller">
            <a href="javascript:void(0)">
                <i class="fa fa-search-minus"></i> search-minus
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="power-off|on">
            <a href="javascript:void(0)">
                <i class="fa fa-power-off"></i> power-off
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="signal">
            <a href="javascript:void(0)">
                <i class="fa fa-signal"></i> signal
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cog|gear|settings">
            <a href="javascript:void(0)">
                <i class="fa fa-cog"></i> cog
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="trash-o|garbage|delete|remove|trash|hide">
            <a href="javascript:void(0)">
                <i class="fa fa-trash-o"></i> trash-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="home|main|house">
            <a href="javascript:void(0)">
                <i class="fa fa-home"></i> home
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file-o|new|page|pdf|document">
            <a href="javascript:void(0)">
                <i class="fa fa-file-o"></i> file-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="clock-o|watch|timer|late|timestamp">
            <a href="javascript:void(0)">
                <i class="fa fa-clock-o"></i> clock-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="road|street">
            <a href="javascript:void(0)">
                <i class="fa fa-road"></i> road
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="download|import">
            <a href="javascript:void(0)">
                <i class="fa fa-download"></i> download
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrow-circle-o-down|download">
            <a href="javascript:void(0)">
                <i class="fa fa-arrow-circle-o-down"></i> arrow-circle-o-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrow-circle-o-up">
            <a href="javascript:void(0)">
                <i class="fa fa-arrow-circle-o-up"></i> arrow-circle-o-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="inbox">
            <a href="javascript:void(0)">
                <i class="fa fa-inbox"></i> inbox
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="play-circle-o">
            <a href="javascript:void(0)">
                <i class="fa fa-play-circle-o"></i> play-circle-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="repeat|rotate-right|redo|forward">
            <a href="javascript:void(0)">
                <i class="fa fa-repeat"></i> repeat
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="refresh|reload">
            <a href="javascript:void(0)">
                <i class="fa fa-refresh"></i> refresh
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="list-alt|ul|ol|checklist|finished|completed|done|todo">
            <a href="javascript:void(0)">
                <i class="fa fa-list-alt"></i> list-alt
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="lock|protect|admin">
            <a href="javascript:void(0)">
                <i class="fa fa-lock"></i> lock
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="flag|report|notification|notify">
            <a href="javascript:void(0)">
                <i class="fa fa-flag"></i> flag
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="headphones|sound|listen|music">
            <a href="javascript:void(0)">
                <i class="fa fa-headphones"></i> headphones
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="volume-off|mute|sound|music">
            <a href="javascript:void(0)">
                <i class="fa fa-volume-off"></i> volume-off
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="volume-down|lower|quieter|sound|music">
            <a href="javascript:void(0)">
                <i class="fa fa-volume-down"></i> volume-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="volume-up|higher|louder|sound|music">
            <a href="javascript:void(0)">
                <i class="fa fa-volume-up"></i> volume-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="qrcode|scan">
            <a href="javascript:void(0)">
                <i class="fa fa-qrcode"></i> qrcode
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="barcode|scan">
            <a href="javascript:void(0)">
                <i class="fa fa-barcode"></i> barcode
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="tag|label">
            <a href="javascript:void(0)">
                <i class="fa fa-tag"></i> tag
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="tags|labels">
            <a href="javascript:void(0)">
                <i class="fa fa-tags"></i> tags
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="book|read|documentation">
            <a href="javascript:void(0)">
                <i class="fa fa-book"></i> book
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bookmark|save">
            <a href="javascript:void(0)">
                <i class="fa fa-bookmark"></i> bookmark
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="print">
            <a href="javascript:void(0)">
                <i class="fa fa-print"></i> print
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="camera|photo|picture|record">
            <a href="javascript:void(0)">
                <i class="fa fa-camera"></i> camera
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="font|text">
            <a href="javascript:void(0)">
                <i class="fa fa-font"></i> font
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bold">
            <a href="javascript:void(0)">
                <i class="fa fa-bold"></i> bold
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="italic|italics">
            <a href="javascript:void(0)">
                <i class="fa fa-italic"></i> italic
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="text-height">
            <a href="javascript:void(0)">
                <i class="fa fa-text-height"></i> text-height
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="text-width">
            <a href="javascript:void(0)">
                <i class="fa fa-text-width"></i> text-width
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="align-left|text">
            <a href="javascript:void(0)">
                <i class="fa fa-align-left"></i> align-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="align-center|middle|text">
            <a href="javascript:void(0)">
                <i class="fa fa-align-center"></i> align-center
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="align-right|text">
            <a href="javascript:void(0)">
                <i class="fa fa-align-right"></i> align-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="align-justify|text">
            <a href="javascript:void(0)">
                <i class="fa fa-align-justify"></i> align-justify
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="list|ul|ol|checklist|finished|completed|done|todo">
            <a href="javascript:void(0)">
                <i class="fa fa-list"></i> list
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="outdent|dedent">
            <a href="javascript:void(0)">
                <i class="fa fa-outdent"></i> outdent
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="indent">
            <a href="javascript:void(0)">
                <i class="fa fa-indent"></i> indent
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="video-camera|film|movie|record">
            <a href="javascript:void(0)">
                <i class="fa fa-video-camera"></i> video-camera
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="picture-o|photo|image">
            <a href="javascript:void(0)">
                <i class="fa fa-picture-o"></i> picture-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="pencil|write|edit|update">
            <a href="javascript:void(0)">
                <i class="fa fa-pencil"></i> pencil
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="map-marker|map|pin|location|coordinates|localize|address|travel|where|place">
            <a href="javascript:void(0)">
                <i class="fa fa-map-marker"></i> map-marker
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="adjust|contrast">
            <a href="javascript:void(0)">
                <i class="fa fa-adjust"></i> adjust
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="tint|raindrop">
            <a href="javascript:void(0)">
                <i class="fa fa-tint"></i> tint
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="pencil-square-o|edit|write|edit|update">
            <a href="javascript:void(0)">
                <i class="fa fa-pencil-square-o"></i> pencil-square-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="share-square-o|social|send">
            <a href="javascript:void(0)">
                <i class="fa fa-share-square-o"></i> share-square-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="check-square-o|todo|done|agree|accept|confirm">
            <a href="javascript:void(0)">
                <i class="fa fa-check-square-o"></i> check-square-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrows|move|reorder|resize">
            <a href="javascript:void(0)">
                <i class="fa fa-arrows"></i> arrows
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="step-backward|rewind|previous|beginning|start|first">
            <a href="javascript:void(0)">
                <i class="fa fa-step-backward"></i> step-backward
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="fast-backward|rewind|previous|beginning|start|first">
            <a href="javascript:void(0)">
                <i class="fa fa-fast-backward"></i> fast-backward
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="backward|rewind|previous">
            <a href="javascript:void(0)">
                <i class="fa fa-backward"></i> backward
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="play|start|playing|music|sound">
            <a href="javascript:void(0)">
                <i class="fa fa-play"></i> play
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="pause|wait">
            <a href="javascript:void(0)">
                <i class="fa fa-pause"></i> pause
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="stop|block|box|square">
            <a href="javascript:void(0)">
                <i class="fa fa-stop"></i> stop
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="forward|forward|next">
            <a href="javascript:void(0)">
                <i class="fa fa-forward"></i> forward
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="fast-forward|next|end|last">
            <a href="javascript:void(0)">
                <i class="fa fa-fast-forward"></i> fast-forward
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="step-forward|next|end|last">
            <a href="javascript:void(0)">
                <i class="fa fa-step-forward"></i> step-forward
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="eject">
            <a href="javascript:void(0)">
                <i class="fa fa-eject"></i> eject
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="chevron-left|bracket|previous|back">
            <a href="javascript:void(0)">
                <i class="fa fa-chevron-left"></i> chevron-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="chevron-right|bracket|next|forward">
            <a href="javascript:void(0)">
                <i class="fa fa-chevron-right"></i> chevron-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="plus-circle|add|new|create|expand">
            <a href="javascript:void(0)">
                <i class="fa fa-plus-circle"></i> plus-circle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="minus-circle|delete|remove|trash|hide">
            <a href="javascript:void(0)">
                <i class="fa fa-minus-circle"></i> minus-circle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="times-circle|close|exit|x">
            <a href="javascript:void(0)">
                <i class="fa fa-times-circle"></i> times-circle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="check-circle|todo|done|agree|accept|confirm">
            <a href="javascript:void(0)">
                <i class="fa fa-check-circle"></i> check-circle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="question-circle|help|information|unknown|support">
            <a href="javascript:void(0)">
                <i class="fa fa-question-circle"></i> question-circle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="info-circle|help|information|more|details">
            <a href="javascript:void(0)">
                <i class="fa fa-info-circle"></i> info-circle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="crosshairs|picker">
            <a href="javascript:void(0)">
                <i class="fa fa-crosshairs"></i> crosshairs
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="times-circle-o|close|exit|x">
            <a href="javascript:void(0)">
                <i class="fa fa-times-circle-o"></i> times-circle-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="check-circle-o|todo|done|agree|accept|confirm">
            <a href="javascript:void(0)">
                <i class="fa fa-check-circle-o"></i> check-circle-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="ban|block|abort">
            <a href="javascript:void(0)">
                <i class="fa fa-ban"></i> ban
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrow-left|previous|back">
            <a href="javascript:void(0)">
                <i class="fa fa-arrow-left"></i> arrow-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrow-right|next|forward">
            <a href="javascript:void(0)">
                <i class="fa fa-arrow-right"></i> arrow-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrow-up">
            <a href="javascript:void(0)">
                <i class="fa fa-arrow-up"></i> arrow-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrow-down|download">
            <a href="javascript:void(0)">
                <i class="fa fa-arrow-down"></i> arrow-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="share|mail-forward">
            <a href="javascript:void(0)">
                <i class="fa fa-share"></i> share
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="expand|enlarge|bigger|resize">
            <a href="javascript:void(0)">
                <i class="fa fa-expand"></i> expand
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="compress|combine|merge|smaller">
            <a href="javascript:void(0)">
                <i class="fa fa-compress"></i> compress
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="plus|add|new|create|expand">
            <a href="javascript:void(0)">
                <i class="fa fa-plus"></i> plus
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="minus|hide|minify|delete|remove|trash|hide|collapse">
            <a href="javascript:void(0)">
                <i class="fa fa-minus"></i> minus
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="asterisk|details">
            <a href="javascript:void(0)">
                <i class="fa fa-asterisk"></i> asterisk
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="exclamation-circle|warning|error|problem|notification|alert">
            <a href="javascript:void(0)">
                <i class="fa fa-exclamation-circle"></i> exclamation-circle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="gift|present">
            <a href="javascript:void(0)">
                <i class="fa fa-gift"></i> gift
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="leaf|eco|nature">
            <a href="javascript:void(0)">
                <i class="fa fa-leaf"></i> leaf
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="fire|flame|hot|popular">
            <a href="javascript:void(0)">
                <i class="fa fa-fire"></i> fire
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="eye|show|visible|views">
            <a href="javascript:void(0)">
                <i class="fa fa-eye"></i> eye
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="eye-slash|toggle|show|hide|visible|visiblity|views">
            <a href="javascript:void(0)">
                <i class="fa fa-eye-slash"></i> eye-slash
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="exclamation-triangle|warning|warning|error|problem|notification|alert">
            <a href="javascript:void(0)">
                <i class="fa fa-exclamation-triangle"></i> exclamation-triangle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="plane|travel|trip|location|destination|airplane|fly|mode">
            <a href="javascript:void(0)">
                <i class="fa fa-plane"></i> plane
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="calendar|date|time|when">
            <a href="javascript:void(0)">
                <i class="fa fa-calendar"></i> calendar
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="random|sort">
            <a href="javascript:void(0)">
                <i class="fa fa-random"></i> random
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="comment|speech|notification|note">
            <a href="javascript:void(0)">
                <i class="fa fa-comment"></i> comment
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="magnet">
            <a href="javascript:void(0)">
                <i class="fa fa-magnet"></i> magnet
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="chevron-up">
            <a href="javascript:void(0)">
                <i class="fa fa-chevron-up"></i> chevron-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="chevron-down">
            <a href="javascript:void(0)">
                <i class="fa fa-chevron-down"></i> chevron-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="retweet|refresh|reload|share">
            <a href="javascript:void(0)">
                <i class="fa fa-retweet"></i> retweet
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="shopping-cart|checkout|buy|purchase|payment">
            <a href="javascript:void(0)">
                <i class="fa fa-shopping-cart"></i> shopping-cart
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="folder">
            <a href="javascript:void(0)">
                <i class="fa fa-folder"></i> folder
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="folder-open">
            <a href="javascript:void(0)">
                <i class="fa fa-folder-open"></i> folder-open
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrows-v|resize">
            <a href="javascript:void(0)">
                <i class="fa fa-arrows-v"></i> arrows-v
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrows-h|resize">
            <a href="javascript:void(0)">
                <i class="fa fa-arrows-h"></i> arrows-h
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bar-chart|bar-chart-o|graph">
            <a href="javascript:void(0)">
                <i class="fa fa-bar-chart"></i> bar-chart
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="twitter-square|tweet|social network">
            <a href="javascript:void(0)">
                <i class="fa fa-twitter-square"></i> twitter-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="facebook-square|social network">
            <a href="javascript:void(0)">
                <i class="fa fa-facebook-square"></i> facebook-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="camera-retro|photo|picture|record">
            <a href="javascript:void(0)">
                <i class="fa fa-camera-retro"></i> camera-retro
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="key|unlock|password">
            <a href="javascript:void(0)">
                <i class="fa fa-key"></i> key
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cogs|gears|settings">
            <a href="javascript:void(0)">
                <i class="fa fa-cogs"></i> cogs
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="comments|conversation|notification|notes">
            <a href="javascript:void(0)">
                <i class="fa fa-comments"></i> comments
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="thumbs-o-up|like|approve|favorite|agree">
            <a href="javascript:void(0)">
                <i class="fa fa-thumbs-o-up"></i> thumbs-o-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="thumbs-o-down|dislike|disapprove|disagree">
            <a href="javascript:void(0)">
                <i class="fa fa-thumbs-o-down"></i> thumbs-o-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="star-half|award|achievement|rating|score">
            <a href="javascript:void(0)">
                <i class="fa fa-star-half"></i> star-half
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="heart-o|love|like|favorite">
            <a href="javascript:void(0)">
                <i class="fa fa-heart-o"></i> heart-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sign-out|log out|logout|leave|exit|arrow">
            <a href="javascript:void(0)">
                <i class="fa fa-sign-out"></i> sign-out
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="linkedin-square">
            <a href="javascript:void(0)">
                <i class="fa fa-linkedin-square"></i> linkedin-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="thumb-tack|marker|pin|location|coordinates">
            <a href="javascript:void(0)">
                <i class="fa fa-thumb-tack"></i> thumb-tack
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="external-link|open|new">
            <a href="javascript:void(0)">
                <i class="fa fa-external-link"></i> external-link
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sign-in|enter|join|sign up|sign in|signin|signup|arrow">
            <a href="javascript:void(0)">
                <i class="fa fa-sign-in"></i> sign-in
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="trophy|award|achievement|winner|game">
            <a href="javascript:void(0)">
                <i class="fa fa-trophy"></i> trophy
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="github-square|octocat">
            <a href="javascript:void(0)">
                <i class="fa fa-github-square"></i> github-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="upload|import">
            <a href="javascript:void(0)">
                <i class="fa fa-upload"></i> upload
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="lemon-o">
            <a href="javascript:void(0)">
                <i class="fa fa-lemon-o"></i> lemon-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="phone|call|voice|number|support">
            <a href="javascript:void(0)">
                <i class="fa fa-phone"></i> phone
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="square-o|block|square|box">
            <a href="javascript:void(0)">
                <i class="fa fa-square-o"></i> square-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bookmark-o|save">
            <a href="javascript:void(0)">
                <i class="fa fa-bookmark-o"></i> bookmark-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="phone-square|call|voice|number|support">
            <a href="javascript:void(0)">
                <i class="fa fa-phone-square"></i> phone-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="twitter|tweet|social network">
            <a href="javascript:void(0)">
                <i class="fa fa-twitter"></i> twitter
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="facebook|facebook-f|social network">
            <a href="javascript:void(0)">
                <i class="fa fa-facebook"></i> facebook
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="github|octocat">
            <a href="javascript:void(0)">
                <i class="fa fa-github"></i> github
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="unlock|protect|admin|password">
            <a href="javascript:void(0)">
                <i class="fa fa-unlock"></i> unlock
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="credit-card|money|buy|debit|checkout|purchase|payment">
            <a href="javascript:void(0)">
                <i class="fa fa-credit-card"></i> credit-card
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="rss|feed|blog">
            <a href="javascript:void(0)">
                <i class="fa fa-rss"></i> rss
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="hdd-o|harddrive|hard drive|storage|save">
            <a href="javascript:void(0)">
                <i class="fa fa-hdd-o"></i> hdd-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bullhorn|announcement|share|broadcast|louder">
            <a href="javascript:void(0)">
                <i class="fa fa-bullhorn"></i> bullhorn
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bell|alert|reminder|notification">
            <a href="javascript:void(0)">
                <i class="fa fa-bell"></i> bell
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="certificate|badge|star">
            <a href="javascript:void(0)">
                <i class="fa fa-certificate"></i> certificate
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="hand-o-right|point|right|next|forward">
            <a href="javascript:void(0)">
                <i class="fa fa-hand-o-right"></i> hand-o-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="hand-o-left|point|left|previous|back">
            <a href="javascript:void(0)">
                <i class="fa fa-hand-o-left"></i> hand-o-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="hand-o-up|point">
            <a href="javascript:void(0)">
                <i class="fa fa-hand-o-up"></i> hand-o-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="hand-o-down|point">
            <a href="javascript:void(0)">
                <i class="fa fa-hand-o-down"></i> hand-o-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrow-circle-left|previous|back">
            <a href="javascript:void(0)">
                <i class="fa fa-arrow-circle-left"></i> arrow-circle-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrow-circle-right|next|forward">
            <a href="javascript:void(0)">
                <i class="fa fa-arrow-circle-right"></i> arrow-circle-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrow-circle-up">
            <a href="javascript:void(0)">
                <i class="fa fa-arrow-circle-up"></i> arrow-circle-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrow-circle-down|download">
            <a href="javascript:void(0)">
                <i class="fa fa-arrow-circle-down"></i> arrow-circle-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="globe|world|planet|map|place|travel|earth|global|translate|all|language|localize|location|coordinates|country">
            <a href="javascript:void(0)">
                <i class="fa fa-globe"></i> globe
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="wrench|settings|fix|update">
            <a href="javascript:void(0)">
                <i class="fa fa-wrench"></i> wrench
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="tasks|progress|loading|downloading|downloads|settings">
            <a href="javascript:void(0)">
                <i class="fa fa-tasks"></i> tasks
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="filter|funnel|options">
            <a href="javascript:void(0)">
                <i class="fa fa-filter"></i> filter
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="briefcase|work|business|office|luggage|bag">
            <a href="javascript:void(0)">
                <i class="fa fa-briefcase"></i> briefcase
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrows-alt|expand|enlarge|bigger|move|reorder|resize">
            <a href="javascript:void(0)">
                <i class="fa fa-arrows-alt"></i> arrows-alt
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="users|group|people|profiles|persons">
            <a href="javascript:void(0)">
                <i class="fa fa-users"></i> users
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="link|chain|chain">
            <a href="javascript:void(0)">
                <i class="fa fa-link"></i> link
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cloud|save">
            <a href="javascript:void(0)">
                <i class="fa fa-cloud"></i> cloud
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="flask|science|beaker|experimental|labs">
            <a href="javascript:void(0)">
                <i class="fa fa-flask"></i> flask
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="scissors|cut">
            <a href="javascript:void(0)">
                <i class="fa fa-scissors"></i> scissors
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="files-o|copy|duplicate">
            <a href="javascript:void(0)">
                <i class="fa fa-files-o"></i> files-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="paperclip|attachment">
            <a href="javascript:void(0)">
                <i class="fa fa-paperclip"></i> paperclip
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="floppy-o|save">
            <a href="javascript:void(0)">
                <i class="fa fa-floppy-o"></i> floppy-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="square|block|box">
            <a href="javascript:void(0)">
                <i class="fa fa-square"></i> square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bars|navicon|reorder|menu|drag|reorder|settings|list|ul|ol|checklist|todo|list">
            <a href="javascript:void(0)">
                <i class="fa fa-bars"></i> bars
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="list-ul|ul|ol|checklist|todo|list">
            <a href="javascript:void(0)">
                <i class="fa fa-list-ul"></i> list-ul
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="list-ol|ul|ol|checklist|list|todo|list|numbers">
            <a href="javascript:void(0)">
                <i class="fa fa-list-ol"></i> list-ol
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="strikethrough">
            <a href="javascript:void(0)">
                <i class="fa fa-strikethrough"></i> strikethrough
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="underline">
            <a href="javascript:void(0)">
                <i class="fa fa-underline"></i> underline
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="table|data|excel|spreadsheet">
            <a href="javascript:void(0)">
                <i class="fa fa-table"></i> table
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="magic|wizard|automatic|autocomplete">
            <a href="javascript:void(0)">
                <i class="fa fa-magic"></i> magic
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="truck|shipping">
            <a href="javascript:void(0)">
                <i class="fa fa-truck"></i> truck
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="pinterest">
            <a href="javascript:void(0)">
                <i class="fa fa-pinterest"></i> pinterest
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="pinterest-square">
            <a href="javascript:void(0)">
                <i class="fa fa-pinterest-square"></i> pinterest-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="google-plus-square|social network">
            <a href="javascript:void(0)">
                <i class="fa fa-google-plus-square"></i> google-plus-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="google-plus|social network">
            <a href="javascript:void(0)">
                <i class="fa fa-google-plus"></i> google-plus
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="money|cash|money|buy|checkout|purchase|payment">
            <a href="javascript:void(0)">
                <i class="fa fa-money"></i> money
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="caret-down|more|dropdown|menu">
            <a href="javascript:void(0)">
                <i class="fa fa-caret-down"></i> caret-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="caret-up">
            <a href="javascript:void(0)">
                <i class="fa fa-caret-up"></i> caret-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="caret-left|previous|back">
            <a href="javascript:void(0)">
                <i class="fa fa-caret-left"></i> caret-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="caret-right|next|forward">
            <a href="javascript:void(0)">
                <i class="fa fa-caret-right"></i> caret-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="columns|split|panes">
            <a href="javascript:void(0)">
                <i class="fa fa-columns"></i> columns
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sort|unsorted|order">
            <a href="javascript:void(0)">
                <i class="fa fa-sort"></i> sort
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sort-desc|sort-down|dropdown|more|menu">
            <a href="javascript:void(0)">
                <i class="fa fa-sort-desc"></i> sort-desc
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sort-asc|sort-up">
            <a href="javascript:void(0)">
                <i class="fa fa-sort-asc"></i> sort-asc
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="envelope">
            <a href="javascript:void(0)">
                <i class="fa fa-envelope"></i> envelope
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="linkedin">
            <a href="javascript:void(0)">
                <i class="fa fa-linkedin"></i> linkedin
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="undo|rotate-left|back">
            <a href="javascript:void(0)">
                <i class="fa fa-undo"></i> undo
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="gavel|legal">
            <a href="javascript:void(0)">
                <i class="fa fa-gavel"></i> gavel
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="tachometer|dashboard">
            <a href="javascript:void(0)">
                <i class="fa fa-tachometer"></i> tachometer
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="comment-o|notification|note">
            <a href="javascript:void(0)">
                <i class="fa fa-comment-o"></i> comment-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="comments-o|conversation|notification|notes">
            <a href="javascript:void(0)">
                <i class="fa fa-comments-o"></i> comments-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bolt|flash|lightning|weather">
            <a href="javascript:void(0)">
                <i class="fa fa-bolt"></i> bolt
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sitemap|directory|hierarchy|organization">
            <a href="javascript:void(0)">
                <i class="fa fa-sitemap"></i> sitemap
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="umbrella">
            <a href="javascript:void(0)">
                <i class="fa fa-umbrella"></i> umbrella
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="clipboard|paste|copy">
            <a href="javascript:void(0)">
                <i class="fa fa-clipboard"></i> clipboard
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="lightbulb-o|idea|inspiration">
            <a href="javascript:void(0)">
                <i class="fa fa-lightbulb-o"></i> lightbulb-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="exchange">
            <a href="javascript:void(0)">
                <i class="fa fa-exchange"></i> exchange
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cloud-download|import">
            <a href="javascript:void(0)">
                <i class="fa fa-cloud-download"></i> cloud-download
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cloud-upload|import">
            <a href="javascript:void(0)">
                <i class="fa fa-cloud-upload"></i> cloud-upload
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="user-md|doctor|profile|medical|nurse">
            <a href="javascript:void(0)">
                <i class="fa fa-user-md"></i> user-md
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="stethoscope">
            <a href="javascript:void(0)">
                <i class="fa fa-stethoscope"></i> stethoscope
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="suitcase|trip|luggage|travel|move|baggage">
            <a href="javascript:void(0)">
                <i class="fa fa-suitcase"></i> suitcase
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bell-o|alert|reminder|notification">
            <a href="javascript:void(0)">
                <i class="fa fa-bell-o"></i> bell-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="coffee|morning|mug|breakfast|tea|drink|cafe">
            <a href="javascript:void(0)">
                <i class="fa fa-coffee"></i> coffee
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cutlery|food|restaurant|spoon|knife|dinner|eat">
            <a href="javascript:void(0)">
                <i class="fa fa-cutlery"></i> cutlery
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file-text-o|new|page|pdf|document">
            <a href="javascript:void(0)">
                <i class="fa fa-file-text-o"></i> file-text-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="building-o|work|business|apartment|office">
            <a href="javascript:void(0)">
                <i class="fa fa-building-o"></i> building-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="hospital-o|building">
            <a href="javascript:void(0)">
                <i class="fa fa-hospital-o"></i> hospital-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="ambulance|support|help">
            <a href="javascript:void(0)">
                <i class="fa fa-ambulance"></i> ambulance
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="medkit|first aid|firstaid|help|support">
            <a href="javascript:void(0)">
                <i class="fa fa-medkit"></i> medkit
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="fighter-jet|fly|plane|airplane|quick|fast|travel">
            <a href="javascript:void(0)">
                <i class="fa fa-fighter-jet"></i> fighter-jet
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="beer|alcohol|stein|drink|mug|bar|liquor">
            <a href="javascript:void(0)">
                <i class="fa fa-beer"></i> beer
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="h-square|hospital|hotel">
            <a href="javascript:void(0)">
                <i class="fa fa-h-square"></i> h-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="plus-square|add|new|create|expand">
            <a href="javascript:void(0)">
                <i class="fa fa-plus-square"></i> plus-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="angle-double-left|laquo|quote|previous|back">
            <a href="javascript:void(0)">
                <i class="fa fa-angle-double-left"></i> angle-double-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="angle-double-right|raquo|quote|next|forward">
            <a href="javascript:void(0)">
                <i class="fa fa-angle-double-right"></i> angle-double-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="angle-double-up">
            <a href="javascript:void(0)">
                <i class="fa fa-angle-double-up"></i> angle-double-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="angle-double-down">
            <a href="javascript:void(0)">
                <i class="fa fa-angle-double-down"></i> angle-double-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="angle-left|previous|back">
            <a href="javascript:void(0)">
                <i class="fa fa-angle-left"></i> angle-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="angle-right|next|forward">
            <a href="javascript:void(0)">
                <i class="fa fa-angle-right"></i> angle-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="angle-up">
            <a href="javascript:void(0)">
                <i class="fa fa-angle-up"></i> angle-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="angle-down">
            <a href="javascript:void(0)">
                <i class="fa fa-angle-down"></i> angle-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="desktop|monitor|screen|desktop|computer|demo|device">
            <a href="javascript:void(0)">
                <i class="fa fa-desktop"></i> desktop
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="laptop|demo|computer|device">
            <a href="javascript:void(0)">
                <i class="fa fa-laptop"></i> laptop
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="tablet|ipad|device">
            <a href="javascript:void(0)">
                <i class="fa fa-tablet"></i> tablet
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="mobile|mobile-phone|cell phone|cellphone|text|call|iphone|number">
            <a href="javascript:void(0)">
                <i class="fa fa-mobile"></i> mobile
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="circle-o">
            <a href="javascript:void(0)">
                <i class="fa fa-circle-o"></i> circle-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="quote-left">
            <a href="javascript:void(0)">
                <i class="fa fa-quote-left"></i> quote-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="quote-right">
            <a href="javascript:void(0)">
                <i class="fa fa-quote-right"></i> quote-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="spinner|loading|progress">
            <a href="javascript:void(0)">
                <i class="fa fa-spinner"></i> spinner
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="circle|dot|notification">
            <a href="javascript:void(0)">
                <i class="fa fa-circle"></i> circle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="reply|mail-reply">
            <a href="javascript:void(0)">
                <i class="fa fa-reply"></i> reply
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="github-alt|octocat">
            <a href="javascript:void(0)">
                <i class="fa fa-github-alt"></i> github-alt
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="folder-o">
            <a href="javascript:void(0)">
                <i class="fa fa-folder-o"></i> folder-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="folder-open-o">
            <a href="javascript:void(0)">
                <i class="fa fa-folder-open-o"></i> folder-open-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="smile-o|emoticon|happy|approve|satisfied|rating">
            <a href="javascript:void(0)">
                <i class="fa fa-smile-o"></i> smile-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="frown-o|emoticon|sad|disapprove|rating">
            <a href="javascript:void(0)">
                <i class="fa fa-frown-o"></i> frown-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="meh-o|emoticon|rating|neutral">
            <a href="javascript:void(0)">
                <i class="fa fa-meh-o"></i> meh-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="gamepad|controller">
            <a href="javascript:void(0)">
                <i class="fa fa-gamepad"></i> gamepad
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="keyboard-o|type|input">
            <a href="javascript:void(0)">
                <i class="fa fa-keyboard-o"></i> keyboard-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="flag-o|report|notification">
            <a href="javascript:void(0)">
                <i class="fa fa-flag-o"></i> flag-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="flag-checkered|report|notification|notify">
            <a href="javascript:void(0)">
                <i class="fa fa-flag-checkered"></i> flag-checkered
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="terminal|command|prompt|code">
            <a href="javascript:void(0)">
                <i class="fa fa-terminal"></i> terminal
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="code|html|brackets">
            <a href="javascript:void(0)">
                <i class="fa fa-code"></i> code
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="reply-all|mail-reply-all">
            <a href="javascript:void(0)">
                <i class="fa fa-reply-all"></i> reply-all
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="star-half-o|star-half-empty|star-half-full|award|achievement|rating|score">
            <a href="javascript:void(0)">
                <i class="fa fa-star-half-o"></i> star-half-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="location-arrow|map|coordinates|location|address|place|where">
            <a href="javascript:void(0)">
                <i class="fa fa-location-arrow"></i> location-arrow
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="crop">
            <a href="javascript:void(0)">
                <i class="fa fa-crop"></i> crop
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="code-fork|git|fork|vcs|svn|github|rebase|version|merge">
            <a href="javascript:void(0)">
                <i class="fa fa-code-fork"></i> code-fork
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="chain-broken|unlink|remove">
            <a href="javascript:void(0)">
                <i class="fa fa-chain-broken"></i> chain-broken
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="question|help|information|unknown|support">
            <a href="javascript:void(0)">
                <i class="fa fa-question"></i> question
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="info|help|information|more|details">
            <a href="javascript:void(0)">
                <i class="fa fa-info"></i> info
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="exclamation|warning|error|problem|notification|notify|alert">
            <a href="javascript:void(0)">
                <i class="fa fa-exclamation"></i> exclamation
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="superscript|exponential">
            <a href="javascript:void(0)">
                <i class="fa fa-superscript"></i> superscript
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="subscript">
            <a href="javascript:void(0)">
                <i class="fa fa-subscript"></i> subscript
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="eraser">
            <a href="javascript:void(0)">
                <i class="fa fa-eraser"></i> eraser
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="puzzle-piece|addon|add-on|section">
            <a href="javascript:void(0)">
                <i class="fa fa-puzzle-piece"></i> puzzle-piece
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="microphone|record|voice|sound">
            <a href="javascript:void(0)">
                <i class="fa fa-microphone"></i> microphone
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="microphone-slash|record|voice|sound|mute">
            <a href="javascript:void(0)">
                <i class="fa fa-microphone-slash"></i> microphone-slash
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="shield|award|achievement|winner">
            <a href="javascript:void(0)">
                <i class="fa fa-shield"></i> shield
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="calendar-o|date|time|when">
            <a href="javascript:void(0)">
                <i class="fa fa-calendar-o"></i> calendar-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="fire-extinguisher">
            <a href="javascript:void(0)">
                <i class="fa fa-fire-extinguisher"></i> fire-extinguisher
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="rocket|app">
            <a href="javascript:void(0)">
                <i class="fa fa-rocket"></i> rocket
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="maxcdn">
            <a href="javascript:void(0)">
                <i class="fa fa-maxcdn"></i> maxcdn
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="chevron-circle-left|previous|back">
            <a href="javascript:void(0)">
                <i class="fa fa-chevron-circle-left"></i> chevron-circle-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="chevron-circle-right|next|forward">
            <a href="javascript:void(0)">
                <i class="fa fa-chevron-circle-right"></i> chevron-circle-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="chevron-circle-up">
            <a href="javascript:void(0)">
                <i class="fa fa-chevron-circle-up"></i> chevron-circle-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="chevron-circle-down|more|dropdown|menu">
            <a href="javascript:void(0)">
                <i class="fa fa-chevron-circle-down"></i> chevron-circle-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="html5">
            <a href="javascript:void(0)">
                <i class="fa fa-html5"></i> html5
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="css3|code">
            <a href="javascript:void(0)">
                <i class="fa fa-css3"></i> css3
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="anchor|link">
            <a href="javascript:void(0)">
                <i class="fa fa-anchor"></i> anchor
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="unlock-alt|protect|admin|password">
            <a href="javascript:void(0)">
                <i class="fa fa-unlock-alt"></i> unlock-alt
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bullseye|target">
            <a href="javascript:void(0)">
                <i class="fa fa-bullseye"></i> bullseye
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="ellipsis-h|dots">
            <a href="javascript:void(0)">
                <i class="fa fa-ellipsis-h"></i> ellipsis-h
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="ellipsis-v|dots">
            <a href="javascript:void(0)">
                <i class="fa fa-ellipsis-v"></i> ellipsis-v
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="rss-square|feed|blog">
            <a href="javascript:void(0)">
                <i class="fa fa-rss-square"></i> rss-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="play-circle|start|playing">
            <a href="javascript:void(0)">
                <i class="fa fa-play-circle"></i> play-circle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="ticket|movie|pass|support">
            <a href="javascript:void(0)">
                <i class="fa fa-ticket"></i> ticket
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="minus-square|hide|minify|delete|remove|trash|hide|collapse">
            <a href="javascript:void(0)">
                <i class="fa fa-minus-square"></i> minus-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="minus-square-o|hide|minify|delete|remove|trash|hide|collapse">
            <a href="javascript:void(0)">
                <i class="fa fa-minus-square-o"></i> minus-square-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="level-up">
            <a href="javascript:void(0)">
                <i class="fa fa-level-up"></i> level-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="level-down">
            <a href="javascript:void(0)">
                <i class="fa fa-level-down"></i> level-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="check-square|checkmark|done|todo|agree|accept|confirm">
            <a href="javascript:void(0)">
                <i class="fa fa-check-square"></i> check-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="pencil-square|write|edit|update">
            <a href="javascript:void(0)">
                <i class="fa fa-pencil-square"></i> pencil-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="external-link-square|open|new">
            <a href="javascript:void(0)">
                <i class="fa fa-external-link-square"></i> external-link-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="share-square|social|send">
            <a href="javascript:void(0)">
                <i class="fa fa-share-square"></i> share-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="compass|safari|directory|menu|location">
            <a href="javascript:void(0)">
                <i class="fa fa-compass"></i> compass
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="caret-square-o-down|toggle-down|more|dropdown|menu">
            <a href="javascript:void(0)">
                <i class="fa fa-caret-square-o-down"></i> caret-square-o-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="caret-square-o-up|toggle-up">
            <a href="javascript:void(0)">
                <i class="fa fa-caret-square-o-up"></i> caret-square-o-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="caret-square-o-right|toggle-right|next|forward">
            <a href="javascript:void(0)">
                <i class="fa fa-caret-square-o-right"></i> caret-square-o-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="eur|euro">
            <a href="javascript:void(0)">
                <i class="fa fa-eur"></i> eur
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="gbp">
            <a href="javascript:void(0)">
                <i class="fa fa-gbp"></i> gbp
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="usd|dollar">
            <a href="javascript:void(0)">
                <i class="fa fa-usd"></i> usd
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="inr|rupee">
            <a href="javascript:void(0)">
                <i class="fa fa-inr"></i> inr
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="jpy|cny|rmb|yen">
            <a href="javascript:void(0)">
                <i class="fa fa-jpy"></i> jpy
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="rub|ruble|rouble">
            <a href="javascript:void(0)">
                <i class="fa fa-rub"></i> rub
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="krw|won">
            <a href="javascript:void(0)">
                <i class="fa fa-krw"></i> krw
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="btc|bitcoin">
            <a href="javascript:void(0)">
                <i class="fa fa-btc"></i> btc
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file|new|page|pdf|document">
            <a href="javascript:void(0)">
                <i class="fa fa-file"></i> file
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file-text|new|page|pdf|document">
            <a href="javascript:void(0)">
                <i class="fa fa-file-text"></i> file-text
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sort-alpha-asc">
            <a href="javascript:void(0)">
                <i class="fa fa-sort-alpha-asc"></i> sort-alpha-asc
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sort-alpha-desc">
            <a href="javascript:void(0)">
                <i class="fa fa-sort-alpha-desc"></i> sort-alpha-desc
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sort-amount-asc">
            <a href="javascript:void(0)">
                <i class="fa fa-sort-amount-asc"></i> sort-amount-asc
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sort-amount-desc">
            <a href="javascript:void(0)">
                <i class="fa fa-sort-amount-desc"></i> sort-amount-desc
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sort-numeric-asc|numbers">
            <a href="javascript:void(0)">
                <i class="fa fa-sort-numeric-asc"></i> sort-numeric-asc
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sort-numeric-desc|numbers">
            <a href="javascript:void(0)">
                <i class="fa fa-sort-numeric-desc"></i> sort-numeric-desc
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="thumbs-up|like|favorite|approve|agree">
            <a href="javascript:void(0)">
                <i class="fa fa-thumbs-up"></i> thumbs-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="thumbs-down|dislike|disapprove|disagree">
            <a href="javascript:void(0)">
                <i class="fa fa-thumbs-down"></i> thumbs-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="youtube-square|video|film">
            <a href="javascript:void(0)">
                <i class="fa fa-youtube-square"></i> youtube-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="youtube|video|film">
            <a href="javascript:void(0)">
                <i class="fa fa-youtube"></i> youtube
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="xing">
            <a href="javascript:void(0)">
                <i class="fa fa-xing"></i> xing
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="xing-square">
            <a href="javascript:void(0)">
                <i class="fa fa-xing-square"></i> xing-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="youtube-play|start|playing">
            <a href="javascript:void(0)">
                <i class="fa fa-youtube-play"></i> youtube-play
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="dropbox">
            <a href="javascript:void(0)">
                <i class="fa fa-dropbox"></i> dropbox
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="stack-overflow">
            <a href="javascript:void(0)">
                <i class="fa fa-stack-overflow"></i> stack-overflow
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="instagram">
            <a href="javascript:void(0)">
                <i class="fa fa-instagram"></i> instagram
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="flickr">
            <a href="javascript:void(0)">
                <i class="fa fa-flickr"></i> flickr
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="adn">
            <a href="javascript:void(0)">
                <i class="fa fa-adn"></i> adn
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bitbucket|git">
            <a href="javascript:void(0)">
                <i class="fa fa-bitbucket"></i> bitbucket
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bitbucket-square|git">
            <a href="javascript:void(0)">
                <i class="fa fa-bitbucket-square"></i> bitbucket-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="tumblr">
            <a href="javascript:void(0)">
                <i class="fa fa-tumblr"></i> tumblr
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="tumblr-square">
            <a href="javascript:void(0)">
                <i class="fa fa-tumblr-square"></i> tumblr-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="long-arrow-down">
            <a href="javascript:void(0)">
                <i class="fa fa-long-arrow-down"></i> long-arrow-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="long-arrow-up">
            <a href="javascript:void(0)">
                <i class="fa fa-long-arrow-up"></i> long-arrow-up
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="long-arrow-left|previous|back">
            <a href="javascript:void(0)">
                <i class="fa fa-long-arrow-left"></i> long-arrow-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="long-arrow-right">
            <a href="javascript:void(0)">
                <i class="fa fa-long-arrow-right"></i> long-arrow-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="apple|osx">
            <a href="javascript:void(0)">
                <i class="fa fa-apple"></i> apple
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="windows">
            <a href="javascript:void(0)">
                <i class="fa fa-windows"></i> windows
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="android">
            <a href="javascript:void(0)">
                <i class="fa fa-android"></i> android
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="linux|tux">
            <a href="javascript:void(0)">
                <i class="fa fa-linux"></i> linux
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="dribbble">
            <a href="javascript:void(0)">
                <i class="fa fa-dribbble"></i> dribbble
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="skype">
            <a href="javascript:void(0)">
                <i class="fa fa-skype"></i> skype
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="foursquare">
            <a href="javascript:void(0)">
                <i class="fa fa-foursquare"></i> foursquare
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="trello">
            <a href="javascript:void(0)">
                <i class="fa fa-trello"></i> trello
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="female|woman|user|person|profile">
            <a href="javascript:void(0)">
                <i class="fa fa-female"></i> female
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="male|man|user|person|profile">
            <a href="javascript:void(0)">
                <i class="fa fa-male"></i> male
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="gratipay|gittip|heart|like|favorite|love">
            <a href="javascript:void(0)">
                <i class="fa fa-gratipay"></i> gratipay
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sun-o|weather|contrast|lighter|brighten|day">
            <a href="javascript:void(0)">
                <i class="fa fa-sun-o"></i> sun-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="moon-o|night|darker|contrast">
            <a href="javascript:void(0)">
                <i class="fa fa-moon-o"></i> moon-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="archive|box|storage">
            <a href="javascript:void(0)">
                <i class="fa fa-archive"></i> archive
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bug|report">
            <a href="javascript:void(0)">
                <i class="fa fa-bug"></i> bug
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="vk">
            <a href="javascript:void(0)">
                <i class="fa fa-vk"></i> vk
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="weibo">
            <a href="javascript:void(0)">
                <i class="fa fa-weibo"></i> weibo
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="renren">
            <a href="javascript:void(0)">
                <i class="fa fa-renren"></i> renren
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="pagelines|leaf|leaves|tree|plant|eco|nature">
            <a href="javascript:void(0)">
                <i class="fa fa-pagelines"></i> pagelines
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="stack-exchange">
            <a href="javascript:void(0)">
                <i class="fa fa-stack-exchange"></i> stack-exchange
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrow-circle-o-right|next|forward">
            <a href="javascript:void(0)">
                <i class="fa fa-arrow-circle-o-right"></i> arrow-circle-o-right
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="arrow-circle-o-left|previous|back">
            <a href="javascript:void(0)">
                <i class="fa fa-arrow-circle-o-left"></i> arrow-circle-o-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="caret-square-o-left|toggle-left|previous|back">
            <a href="javascript:void(0)">
                <i class="fa fa-caret-square-o-left"></i> caret-square-o-left
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="dot-circle-o|target|bullseye|notification">
            <a href="javascript:void(0)">
                <i class="fa fa-dot-circle-o"></i> dot-circle-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="wheelchair|handicap|person|accessibility|accessibile">
            <a href="javascript:void(0)">
                <i class="fa fa-wheelchair"></i> wheelchair
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="vimeo-square">
            <a href="javascript:void(0)">
                <i class="fa fa-vimeo-square"></i> vimeo-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="try|turkish-lira">
            <a href="javascript:void(0)">
                <i class="fa fa-try"></i> try
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="plus-square-o|add|new|create|expand">
            <a href="javascript:void(0)">
                <i class="fa fa-plus-square-o"></i> plus-square-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="space-shuttle">
            <a href="javascript:void(0)">
                <i class="fa fa-space-shuttle"></i> space-shuttle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="slack">
            <a href="javascript:void(0)">
                <i class="fa fa-slack"></i> slack
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="envelope-square">
            <a href="javascript:void(0)">
                <i class="fa fa-envelope-square"></i> envelope-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="wordpress">
            <a href="javascript:void(0)">
                <i class="fa fa-wordpress"></i> wordpress
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="openid">
            <a href="javascript:void(0)">
                <i class="fa fa-openid"></i> openid
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="university|institution|bank">
            <a href="javascript:void(0)">
                <i class="fa fa-university"></i> university
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="graduation-cap|mortar-board">
            <a href="javascript:void(0)">
                <i class="fa fa-graduation-cap"></i> graduation-cap
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="yahoo">
            <a href="javascript:void(0)">
                <i class="fa fa-yahoo"></i> yahoo
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="google">
            <a href="javascript:void(0)">
                <i class="fa fa-google"></i> google
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="reddit">
            <a href="javascript:void(0)">
                <i class="fa fa-reddit"></i> reddit
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="reddit-square">
            <a href="javascript:void(0)">
                <i class="fa fa-reddit-square"></i> reddit-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="stumbleupon-circle">
            <a href="javascript:void(0)">
                <i class="fa fa-stumbleupon-circle"></i> stumbleupon-circle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="stumbleupon">
            <a href="javascript:void(0)">
                <i class="fa fa-stumbleupon"></i> stumbleupon
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="delicious">
            <a href="javascript:void(0)">
                <i class="fa fa-delicious"></i> delicious
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="digg">
            <a href="javascript:void(0)">
                <i class="fa fa-digg"></i> digg
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="pied-piper">
            <a href="javascript:void(0)">
                <i class="fa fa-pied-piper"></i> pied-piper
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="pied-piper-alt">
            <a href="javascript:void(0)">
                <i class="fa fa-pied-piper-alt"></i> pied-piper-alt
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="drupal">
            <a href="javascript:void(0)">
                <i class="fa fa-drupal"></i> drupal
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="joomla">
            <a href="javascript:void(0)">
                <i class="fa fa-joomla"></i> joomla
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="language">
            <a href="javascript:void(0)">
                <i class="fa fa-language"></i> language
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="fax">
            <a href="javascript:void(0)">
                <i class="fa fa-fax"></i> fax
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="building">
            <a href="javascript:void(0)">
                <i class="fa fa-building"></i> building
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="child">
            <a href="javascript:void(0)">
                <i class="fa fa-child"></i> child
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="paw">
            <a href="javascript:void(0)">
                <i class="fa fa-paw"></i> paw
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="spoon">
            <a href="javascript:void(0)">
                <i class="fa fa-spoon"></i> spoon
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cube">
            <a href="javascript:void(0)">
                <i class="fa fa-cube"></i> cube
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cubes">
            <a href="javascript:void(0)">
                <i class="fa fa-cubes"></i> cubes
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="behance">
            <a href="javascript:void(0)">
                <i class="fa fa-behance"></i> behance
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="behance-square">
            <a href="javascript:void(0)">
                <i class="fa fa-behance-square"></i> behance-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="steam">
            <a href="javascript:void(0)">
                <i class="fa fa-steam"></i> steam
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="steam-square">
            <a href="javascript:void(0)">
                <i class="fa fa-steam-square"></i> steam-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="recycle">
            <a href="javascript:void(0)">
                <i class="fa fa-recycle"></i> recycle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="car|automobile|vehicle">
            <a href="javascript:void(0)">
                <i class="fa fa-car"></i> car
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="taxi|cab|vehicle">
            <a href="javascript:void(0)">
                <i class="fa fa-taxi"></i> taxi
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="tree">
            <a href="javascript:void(0)">
                <i class="fa fa-tree"></i> tree
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="spotify">
            <a href="javascript:void(0)">
                <i class="fa fa-spotify"></i> spotify
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="deviantart">
            <a href="javascript:void(0)">
                <i class="fa fa-deviantart"></i> deviantart
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="soundcloud">
            <a href="javascript:void(0)">
                <i class="fa fa-soundcloud"></i> soundcloud
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="database">
            <a href="javascript:void(0)">
                <i class="fa fa-database"></i> database
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file-pdf-o">
            <a href="javascript:void(0)">
                <i class="fa fa-file-pdf-o"></i> file-pdf-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file-word-o">
            <a href="javascript:void(0)">
                <i class="fa fa-file-word-o"></i> file-word-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file-excel-o">
            <a href="javascript:void(0)">
                <i class="fa fa-file-excel-o"></i> file-excel-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file-powerpoint-o">
            <a href="javascript:void(0)">
                <i class="fa fa-file-powerpoint-o"></i> file-powerpoint-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file-image-o|file-photo-o|file-picture-o">
            <a href="javascript:void(0)">
                <i class="fa fa-file-image-o"></i> file-image-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file-archive-o|file-zip-o">
            <a href="javascript:void(0)">
                <i class="fa fa-file-archive-o"></i> file-archive-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file-audio-o|file-sound-o">
            <a href="javascript:void(0)">
                <i class="fa fa-file-audio-o"></i> file-audio-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file-video-o|file-movie-o">
            <a href="javascript:void(0)">
                <i class="fa fa-file-video-o"></i> file-video-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="file-code-o">
            <a href="javascript:void(0)">
                <i class="fa fa-file-code-o"></i> file-code-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="vine">
            <a href="javascript:void(0)">
                <i class="fa fa-vine"></i> vine
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="codepen">
            <a href="javascript:void(0)">
                <i class="fa fa-codepen"></i> codepen
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="jsfiddle">
            <a href="javascript:void(0)">
                <i class="fa fa-jsfiddle"></i> jsfiddle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="life-ring|life-bouy|life-buoy|life-saver|support">
            <a href="javascript:void(0)">
                <i class="fa fa-life-ring"></i> life-ring
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="circle-o-notch">
            <a href="javascript:void(0)">
                <i class="fa fa-circle-o-notch"></i> circle-o-notch
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="rebel|ra">
            <a href="javascript:void(0)">
                <i class="fa fa-rebel"></i> rebel
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="empire|ge">
            <a href="javascript:void(0)">
                <i class="fa fa-empire"></i> empire
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="git-square">
            <a href="javascript:void(0)">
                <i class="fa fa-git-square"></i> git-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="git">
            <a href="javascript:void(0)">
                <i class="fa fa-git"></i> git
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="hacker-news">
            <a href="javascript:void(0)">
                <i class="fa fa-hacker-news"></i> hacker-news
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="tencent-weibo">
            <a href="javascript:void(0)">
                <i class="fa fa-tencent-weibo"></i> tencent-weibo
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="qq">
            <a href="javascript:void(0)">
                <i class="fa fa-qq"></i> qq
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="weixin|wechat">
            <a href="javascript:void(0)">
                <i class="fa fa-weixin"></i> weixin
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="paper-plane|send">
            <a href="javascript:void(0)">
                <i class="fa fa-paper-plane"></i> paper-plane
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="paper-plane-o|send-o">
            <a href="javascript:void(0)">
                <i class="fa fa-paper-plane-o"></i> paper-plane-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="history">
            <a href="javascript:void(0)">
                <i class="fa fa-history"></i> history
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="circle-thin|genderless">
            <a href="javascript:void(0)">
                <i class="fa fa-circle-thin"></i> circle-thin
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="header">
            <a href="javascript:void(0)">
                <i class="fa fa-header"></i> header
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="paragraph">
            <a href="javascript:void(0)">
                <i class="fa fa-paragraph"></i> paragraph
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sliders">
            <a href="javascript:void(0)">
                <i class="fa fa-sliders"></i> sliders
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="share-alt">
            <a href="javascript:void(0)">
                <i class="fa fa-share-alt"></i> share-alt
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="share-alt-square">
            <a href="javascript:void(0)">
                <i class="fa fa-share-alt-square"></i> share-alt-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bomb">
            <a href="javascript:void(0)">
                <i class="fa fa-bomb"></i> bomb
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="futbol-o|soccer-ball-o">
            <a href="javascript:void(0)">
                <i class="fa fa-futbol-o"></i> futbol-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="tty">
            <a href="javascript:void(0)">
                <i class="fa fa-tty"></i> tty
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="binoculars">
            <a href="javascript:void(0)">
                <i class="fa fa-binoculars"></i> binoculars
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="plug">
            <a href="javascript:void(0)">
                <i class="fa fa-plug"></i> plug
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="slideshare">
            <a href="javascript:void(0)">
                <i class="fa fa-slideshare"></i> slideshare
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="twitch">
            <a href="javascript:void(0)">
                <i class="fa fa-twitch"></i> twitch
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="yelp">
            <a href="javascript:void(0)">
                <i class="fa fa-yelp"></i> yelp
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="newspaper-o">
            <a href="javascript:void(0)">
                <i class="fa fa-newspaper-o"></i> newspaper-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="wifi">
            <a href="javascript:void(0)">
                <i class="fa fa-wifi"></i> wifi
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="calculator">
            <a href="javascript:void(0)">
                <i class="fa fa-calculator"></i> calculator
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="paypal">
            <a href="javascript:void(0)">
                <i class="fa fa-paypal"></i> paypal
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="google-wallet">
            <a href="javascript:void(0)">
                <i class="fa fa-google-wallet"></i> google-wallet
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cc-visa">
            <a href="javascript:void(0)">
                <i class="fa fa-cc-visa"></i> cc-visa
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cc-mastercard">
            <a href="javascript:void(0)">
                <i class="fa fa-cc-mastercard"></i> cc-mastercard
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cc-discover">
            <a href="javascript:void(0)">
                <i class="fa fa-cc-discover"></i> cc-discover
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cc-amex">
            <a href="javascript:void(0)">
                <i class="fa fa-cc-amex"></i> cc-amex
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cc-paypal">
            <a href="javascript:void(0)">
                <i class="fa fa-cc-paypal"></i> cc-paypal
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cc-stripe">
            <a href="javascript:void(0)">
                <i class="fa fa-cc-stripe"></i> cc-stripe
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bell-slash">
            <a href="javascript:void(0)">
                <i class="fa fa-bell-slash"></i> bell-slash
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bell-slash-o">
            <a href="javascript:void(0)">
                <i class="fa fa-bell-slash-o"></i> bell-slash-o
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="trash">
            <a href="javascript:void(0)">
                <i class="fa fa-trash"></i> trash
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="copyright">
            <a href="javascript:void(0)">
                <i class="fa fa-copyright"></i> copyright
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="at">
            <a href="javascript:void(0)">
                <i class="fa fa-at"></i> at
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="eyedropper">
            <a href="javascript:void(0)">
                <i class="fa fa-eyedropper"></i> eyedropper
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="paint-brush">
            <a href="javascript:void(0)">
                <i class="fa fa-paint-brush"></i> paint-brush
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="birthday-cake">
            <a href="javascript:void(0)">
                <i class="fa fa-birthday-cake"></i> birthday-cake
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="area-chart">
            <a href="javascript:void(0)">
                <i class="fa fa-area-chart"></i> area-chart
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="pie-chart">
            <a href="javascript:void(0)">
                <i class="fa fa-pie-chart"></i> pie-chart
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="line-chart">
            <a href="javascript:void(0)">
                <i class="fa fa-line-chart"></i> line-chart
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="lastfm">
            <a href="javascript:void(0)">
                <i class="fa fa-lastfm"></i> lastfm
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="lastfm-square">
            <a href="javascript:void(0)">
                <i class="fa fa-lastfm-square"></i> lastfm-square
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="toggle-off">
            <a href="javascript:void(0)">
                <i class="fa fa-toggle-off"></i> toggle-off
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="toggle-on">
            <a href="javascript:void(0)">
                <i class="fa fa-toggle-on"></i> toggle-on
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bicycle|vehicle|bike">
            <a href="javascript:void(0)">
                <i class="fa fa-bicycle"></i> bicycle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bus|vehicle">
            <a href="javascript:void(0)">
                <i class="fa fa-bus"></i> bus
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="ioxhost">
            <a href="javascript:void(0)">
                <i class="fa fa-ioxhost"></i> ioxhost
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="angellist">
            <a href="javascript:void(0)">
                <i class="fa fa-angellist"></i> angellist
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cc">
            <a href="javascript:void(0)">
                <i class="fa fa-cc"></i> cc
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="ils|shekel|sheqel">
            <a href="javascript:void(0)">
                <i class="fa fa-ils"></i> ils
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="meanpath">
            <a href="javascript:void(0)">
                <i class="fa fa-meanpath"></i> meanpath
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="buysellads">
            <a href="javascript:void(0)">
                <i class="fa fa-buysellads"></i> buysellads
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="connectdevelop">
            <a href="javascript:void(0)">
                <i class="fa fa-connectdevelop"></i> connectdevelop
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="dashcube">
            <a href="javascript:void(0)">
                <i class="fa fa-dashcube"></i> dashcube
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="forumbee">
            <a href="javascript:void(0)">
                <i class="fa fa-forumbee"></i> forumbee
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="leanpub">
            <a href="javascript:void(0)">
                <i class="fa fa-leanpub"></i> leanpub
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="sellsy">
            <a href="javascript:void(0)">
                <i class="fa fa-sellsy"></i> sellsy
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="shirtsinbulk">
            <a href="javascript:void(0)">
                <i class="fa fa-shirtsinbulk"></i> shirtsinbulk
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="simplybuilt">
            <a href="javascript:void(0)">
                <i class="fa fa-simplybuilt"></i> simplybuilt
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="skyatlas">
            <a href="javascript:void(0)">
                <i class="fa fa-skyatlas"></i> skyatlas
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cart-plus|add|shopping">
            <a href="javascript:void(0)">
                <i class="fa fa-cart-plus"></i> cart-plus
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="cart-arrow-down|shopping">
            <a href="javascript:void(0)">
                <i class="fa fa-cart-arrow-down"></i> cart-arrow-down
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="diamond|gem|gemstone">
            <a href="javascript:void(0)">
                <i class="fa fa-diamond"></i> diamond
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="ship|boat|sea">
            <a href="javascript:void(0)">
                <i class="fa fa-ship"></i> ship
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="user-secret|whisper|spy|incognito">
            <a href="javascript:void(0)">
                <i class="fa fa-user-secret"></i> user-secret
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="motorcycle|vehicle|bike">
            <a href="javascript:void(0)">
                <i class="fa fa-motorcycle"></i> motorcycle
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="street-view|map">
            <a href="javascript:void(0)">
                <i class="fa fa-street-view"></i> street-view
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="heartbeat|ekg">
            <a href="javascript:void(0)">
                <i class="fa fa-heartbeat"></i> heartbeat
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="venus|female">
            <a href="javascript:void(0)">
                <i class="fa fa-venus"></i> venus
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="mars|male">
            <a href="javascript:void(0)">
                <i class="fa fa-mars"></i> mars
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="mercury|transgender">
            <a href="javascript:void(0)">
                <i class="fa fa-mercury"></i> mercury
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="transgender">
            <a href="javascript:void(0)">
                <i class="fa fa-transgender"></i> transgender
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="transgender-alt">
            <a href="javascript:void(0)">
                <i class="fa fa-transgender-alt"></i> transgender-alt
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="venus-double">
            <a href="javascript:void(0)">
                <i class="fa fa-venus-double"></i> venus-double
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="mars-double">
            <a href="javascript:void(0)">
                <i class="fa fa-mars-double"></i> mars-double
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="venus-mars">
            <a href="javascript:void(0)">
                <i class="fa fa-venus-mars"></i> venus-mars
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="mars-stroke">
            <a href="javascript:void(0)">
                <i class="fa fa-mars-stroke"></i> mars-stroke
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="mars-stroke-v">
            <a href="javascript:void(0)">
                <i class="fa fa-mars-stroke-v"></i> mars-stroke-v
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="mars-stroke-h">
            <a href="javascript:void(0)">
                <i class="fa fa-mars-stroke-h"></i> mars-stroke-h
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="neuter">
            <a href="javascript:void(0)">
                <i class="fa fa-neuter"></i> neuter
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="facebook-official">
            <a href="javascript:void(0)">
                <i class="fa fa-facebook-official"></i> facebook-official
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="pinterest-p">
            <a href="javascript:void(0)">
                <i class="fa fa-pinterest-p"></i> pinterest-p
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="whatsapp">
            <a href="javascript:void(0)">
                <i class="fa fa-whatsapp"></i> whatsapp
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="server">
            <a href="javascript:void(0)">
                <i class="fa fa-server"></i> server
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="user-plus">
            <a href="javascript:void(0)">
                <i class="fa fa-user-plus"></i> user-plus
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="user-times">
            <a href="javascript:void(0)">
                <i class="fa fa-user-times"></i> user-times
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="bed|hotel|travel">
            <a href="javascript:void(0)">
                <i class="fa fa-bed"></i> bed
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="viacoin">
            <a href="javascript:void(0)">
                <i class="fa fa-viacoin"></i> viacoin
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="train">
            <a href="javascript:void(0)">
                <i class="fa fa-train"></i> train
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="subway">
            <a href="javascript:void(0)">
                <i class="fa fa-subway"></i> subway
            </a>
        </div>

        <div class="fa-hover col-xs-4" data-filter="medium">
            <a href="javascript:void(0)">
                <i class="fa fa-medium"></i> medium
            </a>
        </div>

    </div>
</div>
<script type="text/javascript">
    $(function () {
        xcore.initForm($("#editForm"));
    });
</script>